﻿<%@ page language="java" contentType="text/html; charset=ISO-8859-1" import="web_hr.*,java.sql.*"
    pageEncoding="ISO-8859-1"%>
 <link rel="stylesheet" type="text/css" href="./Res/Bootstrap/css/bootstrap.min.css">   
<link rel="stylesheet" type="text/css" href="./Res/Css/show.css">
<h3>username</h3>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<style>
.button {
	    display: inline-block;
	    position: relative;
	    margin: 10px;
	    padding: 0 20px;
	    text-align: center;
	    text-decoration: none;
	    font: bold 12px/25px Arial, sans-serif;
	 
	    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
	 
	    -webkit-border-radius: 30px;
	    -moz-border-radius: 30px;
	    border-radius: 30px;
	 
	    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	 
	    -webkit-transition: all 0.15s ease;
	    -moz-transition: all 0.15s ease;
	    -o-transition: all 0.15s ease;
	    -ms-transition: all 0.15s ease;
	    transition: all 0.15s ease;
	}
.blue {
	    color: #19667d;
	 	
	    background: #70c9e3; /* Old browsers */
	    background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	    background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
	}
span{
	width:80px;
	display:-moz-inline-box;
	display:inline-block;
	
}
</style>
</head>
<body class="container">
<div><ol>
<%
	Model emp = new Model("hr_employee");
	ResultSet rs = emp.eQuery("select emp_id,username from hr_employee");
	//逐行显示用户id、用户名、salary按钮
	//点击用户名，跳转至detail.jsp
	//点击salary，跳转至salary.jsp
	try{
		while(rs.next()){
			String str="<li><span><a href='detail.jsp?userid="+rs.getInt(1)+"'>"+rs.getString(2)+"</a></span><a href='employee/salary.jsp?uname="+rs.getString(2)+"'><button class='button blue' id = 'submit'>Salary</button></a></li>";
		out.print(str);	
		
		}
		}catch(SQLException e){
			System.out.println(e);
		}finally{
			emp.close();
		}
%>
</ol></div>
</body>
</html>
